<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- HTML 结构层：列表主要是相同数据的集合
		                 有序列表，无序列表，定义列表
						 有序列表与无序列表自带样式
			列表样式标志属性  list-style-type
						   有序列表属性值：none  decimal  lower-roman  upper-roman
						                    默认(数字）   小写罗马数字  大写罗马数字
						   无序列表属性值：none   disc          circle   square
						                         默认(实心圆）  空心圆   实心方块
							实际页面开发中：无序列表来定义相同数据集合，有利于SEO优化
							实际常用属性：list-style-type：none；与统配选择器一起使用
												          去掉页面上所有列表的样式
		 --> 
		 <style>
			 ol li{
				 list-style-type: upper-roman;
			 }
			 ul li{
				 list-style-type: square;
			 }
		 </style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>王</li>
			<li>骏</li>
			<li>豪</li>
		</ol>
		<h1>无序列表</h1>
		<ul>
			<li>王</li>
			<li>天</li>
			<li>云</li>
		</ul>
	</body>
</html>